<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <header>
    <div class="blogs-main-nav">
      <h1 class="logo fl"><a href="./index.html">个人博客</a></h1>
      <nav class="fl">
        <ul>
          <li><a href="./index.html">首页</a> </li>
          <li><a href="./webgis.html">webgis</a> </li>
          <li><a href="./photography.html">倾斜摄影</a> </li>
          <li><a href="./processing.html">数据处理</a> </li>
          <li><a href="./relax.html">轻松一刻</a> </li>

        </ul>
      </nav>
      <!-- 搜索框 向左浮动 -->
      <div class="search fl">
        <!-- 搜索框 -->
        <input type="search" placeholder="搜一搜">
      </div>
      <button class="btn fl"><a href="http://localhost:8080/login">登入</a> </button>
    </div>

  </header>

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=167876&auto=1&height=66"></iframe>

</div>
<input type="file" id="file" onchange="onInputFileChange()"> 
<video id="video_id" controls autoplay loop>Your browser can't support HTML5 Video</video>  
<input type="file" id="file1" onchange="onInputFileChange1()"> 
<audio id="audio_id" controls autoplay loop>Your browser can't support HTML5 Video</audio>  
<script>  
function onInputFileChange() {  
var file = document.getElementById('file').files[0];  
var url = URL.createObjectURL(file);  
console.log(url);  
document.getElementById("video_id").src = url;  
}  
function onInputFileChange1() {  
var file = document.getElementById('file1').files[0];  
var url = URL.createObjectURL(file);  
console.log(url);  
document.getElementById("audio_id").src = url;  
}  
</script> 






<footer>
  <div class="blogs-copyright">
    <!-- 设置版心 -->
    <div class="container">

        <p>CopyRight @ hjl</p>
        
    </div>
 
</footer>
  <body>
    

</html>